<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数据监控</title>
    <style>
        body{
            background: white;
        }
        #title{
            line-height: 40px;
            border: 1px solid #ccc;
            padding-left: 10px;
            padding-right: 20px;
        }
        #title span{
            margin-left: 25px;
        }
        #title #one{
            font-size: 24px;
            font-weight: bold;
        }
        #title .title1{
            background-color: RGB(0,100,204);
            color: #FFFFFF;
            padding: 5px 8px 5px 8px;
            border-radius: 5px;
        }
        #title2Span{
            color: RGB(0,136,204);
        }
        #showTime{
            border: 1px solid #ccc;
            background-color: RGB(229,229,229);
            font-size: 13px;
            width: 1300px;
        }
        #showTime th{
            line-height: 20px;
            border: 1px solid #ccc;
        }
        #show2 {
            padding: 10px 30px 10px 40px;
            margin-left: 30px;
        }
        #showTime2{
            background-color: #cccccc;
            padding:4px 3px 3px 4px;
        }
    </style>
    <script src="/js/jquery.min.js"></script>
    <script>
        $(function (){
            $(".title1").unbind("click").click(function(){
                var src=confirm("Are you sure to reset all stat? It'll clear all stat data !")
                if (src){
                    alert("already reset all stat")
                }
            })
        })
    </script>
</head>
<body>
<div>
    <p id="title">
         <span id="one">Druid Monitor</span>
         <span>首页</span>
         <span>数据源</span>
         <span>SQL监控</span>
         <span>SQL防火墙</span>
         <span>Web应用</span>
         <span>URI监控</span>
         <span>Session监控</span>
         <span id="showTime2">Spring监控</span>
         <span>JSON API</span>
         <span><input type="button" value="重置" class="title1"></span>
         <span><input type="button" value="记录日志并重置" class="title1"></span>
    </p>
    <div id="show2">
        <h2>Spring Stat<span id="title2Span">View JSON API</span></h2>
    </div>
    <table id="showTime">
        <tr>
            <th>N</th>
            <th>Class</th>
            <th>Method</th>
            <th>执行数</th>
            <th>执行时间</th>
            <th>执行中</th>
            <th>最大并发</th>
            <th>Jdbc执行数</th>
            <th>Jdbc时间</th>
            <th>事务提交数</th>
            <th>事务回滚数</th>
            <th>读取行数</th>
            <th>更新行数</th>
            <th>区间分布</br>[ - - - - - - - - ]</th>
        </tr>
    </table>
</div>
</body>
</html>